<template>
  <div>
    <CustomButton :buttonProps="{ type: 'primary', size: 'large' }" icon="Edit" contentType="icon" />
    <CustomButton :buttonProps="{ type: 'primary' }" buttonText="文字" contentType="text" />
    <CustomButton :buttonProps="{ type: 'primary' }" icon="Delete" contentType="icon" />
    <CustomButton :buttonProps="{ type: 'primary' }" buttonText="Search收索" icon="Search" contentType="both" />
    <CustomButton :buttonProps="{ type: 'primary', size: 'small', color: '#626aef' }" buttonText="Upload" icon="Upload"
      iconPosition="right" contentType="both" round disabled />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import CustomButton from '@/components/SButton/index.vue';

export default defineComponent({
  components: {
    CustomButton,
  },
});
</script>

<style scoped>
/* 你可以在这里添加一些样式 */
</style>
